import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Image,
  Text,
  TextInput,
  View,
  Button
} from 'react-native';
import {  StackNavigator} from 'react-navigation';

export default class Detail extends Component {
    constructor(props){
        super(props);
        this.state = {
         item:{}
        }
      };
    static navigationOptions = ({ navigation }) => ({
        title: navigation.state.params.head
    });

    componentDidMount(){
        storage.load({
            key:'dataCords',
            autoSync: false,
            
            // syncInBackground(默认为true)意味着如果数据过期，
            // 在调用sync方法的同时先返回已经过期的数据。
            // 设置为false的话，则等待sync方法提供的最新数据(当然会需要更多时间)。
            syncInBackground: false,
          }).then( ret => {//从全部列表中找数据
            ret.map( item => {
                if( item.time == this.props.navigation.state.params.index ){
                    this.setState({
                        item
                    })
                }
            } )
          } ).catch( err => {//
            alert('读取失败，原因未知！')
         
          } )
    }

    render(){
    const { params } = this.props.navigation.state;
    const { item } = this.state;
        return(
        <View style={{backgroundColor:"#000",}}>
            <Text style={{ color:'red',marginTop:20 }}>{item.header}</Text>
            <Text style={{ color:'red',height:60 }}>{item.content}</Text>
        </View>
        )
    }
}